<template>
  <div class="list-item">
    <!-- -->
    <div class="head hbox hbox-center">
      <img
        class="goods-image"
        src="https://img.yzcdn.cn/upload_files/2017/07/02/af5b9f44deaeb68000d7e4a711160c53.jpg"
      >
      <div class="names vbox">
        <div>依云 {{isSearch}} -- {{isSearch2}}</div>
        <div>京东自营</div>
      </div>
      <router-link :to="`/shop/${1}`">进店逛逛</router-link>
    </div>
    <!-- -->
    <van-row class="goods-list" type="flex" justify="space-around" :gutter="10">
      <van-col span="8" v-for="(item, i) in data.goodsList" :key="i">
        <goods :data="item"/>
      </van-col>
    </van-row>
  </div>
</template>
<script>
import Goods from "@comp/goods";

export default {
  data() {
    return {};
  },
  inject: ['isSearch2'],
  computed: {},
  props: {
    data: {},
    isSearch: {},
  },
  watch: {},
  methods: {},
  components: {
    Goods
  },
  mounted() {}
};
</script>
<style lang="less">
.index .list .list-item {
  background-color: #fff;
  margin-bottom: 10px;
  padding: 10px;

  //
  .head {
    .goods-image {
      width: 80px;
      height: 40px;
    }
    .names {
      flex: 1;
    }
  }

  //
  .goods-list {
    margin-top: 10px;
  }
}
</style>